/* CSS Document */
@import url(https://weloveiconfonts.com/api/?family=entypo|fontawesome|zocial|fontawesome|iconicfill);

/* entypo */
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}

/* fontawesome */
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}

/* zocial */
[class*="zocial-"]:before {
  font-family: 'zocial', sans-serif;
}

/* fontawesome */
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}
/* iconicfill */
[class*="iconicfill-"]:before {
  font-family: 'IconicFill', sans-serif;
}

* { margin: 0; padding: 0 ;font-family: "微软雅黑";}
body{background:#efefef;width:1899px;}
a{text-decoration: none; color:#000000;}
li{ list-style:none;}
#box{width:100%;}
/*上层图片*/
.headbg{width:100%;height:485px;background:url("../image/微信图片_20190621195226.jpg") no-repeat ;background-size:2000px;}
/*导航栏*/
#logo{width:100px;height: 60px;float:left;margin-left:26%;}
.navigation #navigation{margin-left:33%;}
.navigation{background:#ffffff; overflow:hidden;}
.navigation ul{width:700px;height: 60px;text-align: center;}
.navigation ul a{list-style: none;color:#000000;}
#navigation #action{background:#3AB4B5;color:#FFFFFF;}
#navigation li{text-align: center;width:100px;height: 60px;line-height:60px;float:left;margin-left: 20px;}
#navigation li:hover{color:#FFFFFF;background:#3AB4B5;}


/*搜索框*/
.searchbox {width:200px;height:40px;float:left;margin-left:1000px;margin-top:-60px;}
.search_bar { position: relative;  min-width: 60px; height: 60px; float: right;  transition: width 0.3s; }
.search_bar .input {  border: none; outline: none; height: 30px; line-height: 30px; z-index: 10; font-size: 16px; color: #333; background: none;}
.search_ico, .search_btn { width: 60px; height: 60px; display: block; position: absolute; right: 0; top: 0; padding: 0; margin: 0; cursor: pointer; }
.search_ico { z-index: 90; }
.search_open { width: 200px; display: inline-block }
.search_open .search_bar .input { border-bottom: #222 1px solid; background: #fff; width: 200px; }
.search_ico span { position: relative; top: 20px; }
.search_ico span:before { content: ' '; position: absolute; width: 12px; height: 12px; border: 1px solid #666; border-radius: 10px; }
.search_ico span::after { content: ' '; position: absolute; width: 12px; height: 4px; background: #666; border-radius: 5px 0 0 5px; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); }
.search_ico span:before { top: 0; left: 0; }
.search_ico span:after { right: -22px; top: 14px; }
.search_open { width: 400px; }
.search_open.search_bar .input { width: 300px; }
.search_open { width: 500px; }
.search_open.search_bar .input { width: 200px; margin-right:30px;}
.search_bar .input { position: absolute; top: 16px; right: 0; border: none; outline: none; height: 30px; line-height: 30px; z-index: 10; font-size: 16px; color: #333; background: none }


/*左侧图标快捷键*/
@-webkit-keyframes flip {
  0%{-webkit-transform:rotateY(0deg);
  opacity:1;}
  100%{-webkit-transform:rotateY(95deg);
  opacity:0;}
}

@-moz-keyframes flip {
  0%{-webkit-transform:rotateY(0deg);
  opacity:1;}
  100%{-webkit-transform:rotateY(95deg);
  opacity:0;}
}

@-o-keyframes flip {
  0%{-webkit-transform:rotateY(0deg);
  opacity:1;}
  100%{-webkit-transform:rotateY(95deg);
  opacity:0;}
}

@keyframes flip {
  0%{-webkit-transform:rotateY(0deg);
  opacity:1;}
  100%{-webkit-transform:rotateY(95deg);
  opacity:0;}
}
.Wequick{position:fixed;
	top:35%;
	left:30px;}

.Wequick #Wequick {position:absolute;
  left:0;
  right:0;
  margin:50px auto;
  padding:0;
  width:200px;
  height:220px;
  list-style:none;
  -webkit-perspective:1000;
  -moz-perspective:1000;
  -o-perspective:1000;
  perspective:1000;}
#Wequick .quick a{
  display:block;
  height:18px;
  width:20px;
  background:rgba(155,155,155,0.5);
  color:#fff;
  padding:8px 6px;
  text-decoration:none;
  text-align:center;}
.menu{
  opacity:1;
  -webkit-transform:rotateY(0deg);
  -moz-transform:rotateY(0deg);
  -o-transform:rotateY(0deg);
  transform:rotateY(0deg);
  -webkit-transition:.3s;
  -moz-transition:.3s;
  -o-transition:.3s;
  transition:.3s;}
#Wequick .quick span{
  width:154px;
  float:left;
  text-align:center;
  background:rgba(155,155,155,0.5);
  color:#fff;
  margin:-34px 34px;
  padding:8px 6px;
  transform-origin:0%;
  opacity:0;
  -webkit-transform:rotateY(95deg);
  -webkit-transition:.5s;
  -moz-transition:.5s;
  -o-transition:.5s;
  transition:.5s;
  -webkit-animation: flip 2s;
  -moz-animation: flip 2s;
  -o-animation: flip 2s;
  animation: flip 2s;}
span[class='menu']{-webkit-animation:none;}
#Wequick .quick:nth-child(2) span {
  -webkit-animation-delay:.5s;
  -moz-animation-delay:.5s;
  -o-animation-delay:.5s;
  animation-delay:.5s;}
#Wequick .quick:nth-child(3) span {
  -webkit-animation-delay:.4s;
  -moz-animation-delay:.4s;
  -o-animation-delay:.4s;
  animation-delay:.4s;}
#Wequick .quick:nth-child(4) span {
  -webkit-animation-delay:.3s;
  -moz-animation-delay:.3s;
  -o-animation-delay:.3s;
  animation-delay:.3s;}
#Wequick .quick:nth-child(5) span {
  -webkit-animation-delay:.2s;
  -moz-animation-delay:.2s;
  -o-animation-delay:.2s;
  animation-delay:.2s;}
.quick:nth-child(6) span {
  -webkit-animation-delay:.1s;
  -moz-animation-delay:.1s;
  -o-animation-delay:.1s;
  animation-delay:.1s;}
#Wequick .quick a:hover ~ span {
  opacity:1;
  -webkit-transform:rotateY(0deg);
  -moz-transform:rotateY(0deg);
  -o-transform:rotateY(0deg);
  transform:rotateY(0deg);
  -webkit-transition:.5s;
  -moz-transition:.5s;
  -o-transition:.5s;
  transition:.5s;}




/*主体内容*/
.indexcontent{width:100%;margin-left:100px;}
/*页面左侧*/
.left{float:left;}
/*未登录*/
.login1{width:200px;height: 160px; border:#F4F1F1 1px solid;background:#FFFFFF;text-align: center;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius:10px;float:left;margin-left:160px;margin-top:10px;margin-right:20px;-webkit-box-shadow: #666 0px 0px 8px;-moz-box-shadow: #666 0px 0px 8px;}
.login1 #tu1{margin-left: -330px;margin-top: -75px;}
.login1 button[type=submit]{
    padding: 0 28px;
    outline: none;
    height: 40px;
    width: 184px;
    border: none;
    border-bottom: 2px solid #3AB4B5;
    color: #333;
    font-size: 16px;}
.login1 button[type=submit]{
    background-color: #3AB4B5;
    width: 120px;
    border-radius:50px; 
    border-bottom: none;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: bold;}
.login1 button[type=submit]:hover{background-color: #2E9394;}
/*已登录*/
.login2{width:200px;height: 210px; border:#F4F1F1 1px solid;background:#FFFFFF;text-align: center;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius:10px;float:left;margin-left:160px;margin-top:10px;margin-right:20px;-webkit-box-shadow: #666 0px 0px 8px;-moz-box-shadow: #666 0px 0px 8px;}
.login2 .indexusercontent{margin-top:10px;}
.login2 #username:hover{color:#3AB4B5;text-decoration: none;}
.login2 a:hover{color:tomato;text-decoration:underline;}
.left .login2 .Headportrait{width:100px;height:100px;-moz-border-radius: 60px;-webkit-border-radius: 60px;border: #FFFFFF 10px solid;-webkit-box-shadow: #666 0px 0px 8px;-moz-box-shadow: #666 0px 0px 8px;}


/*中间动态*/
.middle{float:left;width:800px;margin-bottom: 20px;}
.shousuo{margin-top:20px;}
.dongtai{width: 100%;height: 150px;margin-bottom: -10px;overflow: hidden;background:#FFFFFF; border:#F4F1F1 1px solid; -moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius:10px;margin:auto;margin-top:10px;-webkit-box-shadow: #666 0px 0px 8px;-moz-box-shadow: #666 0px 0px 8px;margin-bottom: 10px;}
.dongtai .dongtaititle{margin-left:20px;margin-top:20px;}
.dongtai .dongtaititle a:hover{color:#3091C0;}
.dongtai .dongtaicontent{font-size:14px;color:#566573;margin-top: 20px;margin-left:20px; margin-right:20px;
overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;}
.dongtai li{float: left;margin-left:40px;;margin-top: 20px; list-style: none;}
.dongtai .author{font-size: 14px;color:#566573;}
.dongtai .createtime{font-size: 14px;color:#566573;}
.dongtai .people{font-size: 14px;color:#566573;}


/*右侧*/
.right{float:left;width:370px;height:730px; margin-left:20px;margin-bottom: 20px;}
/*右侧排行榜*/
.right .dongtaiRanking{width:370px;height:400px;background:#FFFFFF; border:#F4F1F1 1px solid; -moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius:10px;-webkit-box-shadow: #666 0px 0px 8px;-moz-box-shadow: #666 0px 0px 8px;margin-bottom:auto;margin-top:10px;}
.right .dongtaiRanking h3{margin-left:20px;margin-top: 10px;}
.right .dongtaiRanking img{width:30px;height:30px;margin-left:5px;}
.right .dongtaiRanking ul li{float:left;width:100%; height:30px;margin-top:30px;}
.right .dongtaiRanking ul .Rankcontent{width:230px;text-overflow:ellipsis;
   white-space:nowrap;
   overflow:hidden;float:left;margin-left:10px;}
.right .dongtaiRanking ul li .number1{float:left;width:20px;height:20px;background:#BD2D2F;color:#FFFFFF;text-align: center;margin-left:8px;-moz-border-radius: 15px;-webkit-border-radius: 15px;}
.right .dongtaiRanking ul li .number2{float:left;width:20px;height:20px;background:#C77D34;color:#FFFFFF;text-align: center;margin-left:8px;-moz-border-radius: 15px;-webkit-border-radius: 15px;}
.right .dongtaiRanking ul li .number3{float:left;width:20px;height:20px;background:#B9B533;color:#FFFFFF;text-align: center;margin-left:8px;-moz-border-radius: 15px;-webkit-border-radius: 15px;}
.right .dongtaiRanking ul li .numberother{float:left;width:20px;height:20px;background:#3AB4B5;color:#FFFFFF;text-align: center;margin-left:8px;-moz-border-radius: 15px;-webkit-border-radius: 15px;}
.right .dongtaiRanking ul li .Browsing{float:right;color:#982123;margin-right:5px;}
.right .dongtaiRanking ul li .Rankcontent a:hover{color:#4199CB;}
.right .dongtaiRanking ul li:hover{background:#E9E7E7;}
/*右侧最受欢迎相册*/
.right .photohighestagree{width:370px;height:340px;background:#FFFFFF; border:#F4F1F1 1px solid; -moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius:10px;-webkit-box-shadow: #666 0px 0px 8px;-moz-box-shadow: #666 0px 0px 8px;text-align: center;margin-top:10px;}
.right .photohighestagree img{width:330px; height:250px;margin-top:10px;}
.right .photohighestagree h3{margin-top:20px;background:url("../image/agree.png") no-repeat 45px;background-size: 25px 25px;}
.right .photohighestagree h3 img{width:30px;height:30px;}


/*分页*/
.pagebg { background: rgba(255,255,255,.3); }
.pagelist { text-align: center; border-radius: 5px; width:100%; clear: both; margin: 0px 0; padding-top: 10px; }
.pagelist a {color: #fffcfc;margin: 0 2px;border: 1px solid #696969;padding: 5px 10px;background: #696969;display: inline-block;margin-bottom: 10px;border-radius: 3px;}
.pagelist a:hover { color: #fdfdfd; background: #828282; }
.pagelist > b {border: 1px solid #9C9C9C;padding: 6px 10px;background: #B5B5B5;color: #fffcfc;border-radius: 3px;}
.pagelist .curPage {color: #1f7994;font-weight: bold;background: #5C76A4;}





/*版权*/
.footer{width:100%;clear: both;}
.footer p{height:30px;background:#fff;text-align:center;}